body{font-size:12px; font-family:Verdana, Geneva, sans-serif;margin:0;background:#f7f7f5;}
*{margin:0;padding:0}
img{border:0}
a{text-decoration:none;color:#155c8e;}
a:hover{color:#0076c7;}
li{ list-style:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.bodybox{margin:10px;margin-bottom:20px;}

/* layout */
#wrapper{}
#header{width:100%;height:92px;border-bottom:1px solid #ccc;background:#fff;}
#navigator{width:100%;height:30px;background:url(/Content/images/nav_bg.gif);margin:1px 0;}
#body{width:960px;width:958px !important;border:1px solid #ccc;margin:0 auto 1px auto;background:#fff;}
#footer{margin:0 auto 0 auto;width:960px;height:100px;text-align:right;line-height:20px;}

/* head */
#header .content{width:960px;margin:0 auto;}
#header .title{width:245px;height:90px;float:left;}
#header .voice{width:450px;float:left;height:90px;}
#header .search{width:200px;float:right;height:20px;margin-top:40px;margin-right:30px;}
#voicespeaker{float:left;margin-top:43px;}
#voiceword{float:left;width:400px;line-height:20px;min-height:20px;margin-top:42px;color:#999}

/* navigate */
#navigator .channels{margin:0;padding:0;width:960px;margin-left:auto;margin-right:auto;height:30px;}
#navigator .channels h2{font-size:14px;float:left;height:30px;}
#navigator .channels h2 a{font-family:Verdana;display:block;float:left;color:#fff;text-decoration:none;padding:7px 20px 0 20px;height:30px;*height:23px;font-weight:bold;background:url(/Content/images/nav_sep.gif) no-repeat left top;}
#navigator .channels h2 a:hover{background:url(/Content/images/nav_hv.gif) no-repeat left top;}
#navigator .channels h2 a.resume span{display:block;float:left}
#navigator .channels h2 a.resume img{display:block;float:left;margin:1px 0 0 3px}

/* error */
div.error{width:590px;margin:80px auto;}
div.error img.errorimage{height:45px;width:590px;display:block}
div.error a.errorword{color:#5b5b5b}

/* right part */
.rightbox{border:1px solid #eee;margin-bottom:10px;}
.rightbox div.title{width:250px;margin-left:10px;line-height:32px;font-weight:bold;font-size:14px;border-bottom:1px solid #eee;}
.rightbox ul.list{margin:10px 0 10px 20px;}
.rightbox ul.list li{height:22px;}

.body-right .category{border:1px solid #eee;background:url(/Content/images/category-bg.gif) no-repeat bottom}
.body-right .category div.title{width:260px;margin-left:10px;line-height:32px;font-weight:bold;font-size:14px;border-bottom:1px solid #eee;}
.body-right .category ul.list{margin:10px 0 10px 20px;}
.body-right .category ul.list li{height:22px;}
.body-right .category ul.list li a{line-height:22px;font-weight:bold;}
.body-right .category ul.list li img{height:18px;width:18px;display:block;float:left;margin:2px 4px 0 0;}

.body-right .hotblog ul.list{margin-left:12px;}
.body-right .hotblog ul.list li span{height:22px;width:20px;display:block;float:left;}
.body-right .hotblog ul.list li a{display:block;float:left;height:22px;width:220px;overflow:hidden;line-height:22px;margin-left:5px;}
.body-right .hotblog ul.list li.ordinal1 span{background:url(/Content/images/right-bg.png) 0 -5px;}
.body-right .hotblog ul.list li.ordinal2 span{background:url(/Content/images/right-bg.png) 0 -27px;}
.body-right .hotblog ul.list li.ordinal3 span{background:url(/Content/images/right-bg.png) 0 -48px;}
.body-right .hotblog ul.list li.ordinal4 span{background:url(/Content/images/right-bg.png) 0 -69px;}
.body-right .hotblog ul.list li.ordinal5 span{background:url(/Content/images/right-bg.png) 0 -89px;}
.body-right .hotblog ul.list li.ordinal6 span{background:url(/Content/images/right-bg.png) 0 -111px;}
.body-right .hotblog ul.list li.ordinal7 span{background:url(/Content/images/right-bg.png) 0 -133px;}
.body-right .hotblog ul.list li.ordinal8 span{background:url(/Content/images/right-bg.png) 0 -153px;}
.body-right .hotblog ul.list li.ordinal9 span{background:url(/Content/images/right-bg.png) 0 -174px;}
.body-right .hotblog ul.list li.ordinal10 span{background:url(/Content/images/right-bg.png) 0 -194px;}

.body-right .randomblog ul.list{margin-left:12px;}
.body-right .randomblog ul.list li span{height:22px;width:15px;display:block;float:left;background:url(/Content/images/right-bg.png) -17px -5px;}
.body-right .randomblog ul.list li a{display:block;float:left;height:22px;width:230px;overflow:hidden;line-height:22px;margin-left:5px;}

.body-right .comments ul.list{margin-left:10px;}
.body-right .comments ul.list li{margin-bottom:5px;height:auto}
.body-right .comments ul.list li div.portrait{float:left;width:48px;text-align:center;color:Gray;overflow:hidden;text-align:center}
.body-right .comments ul.list li div.portrait img{height:32px;width:32px;margin:5px auto;display:block}
.body-right .comments ul.list li div.word{float:left;line-height:22px;width:190px;margin-left:5px;overflow:hidden;}


/* blog part */
.body-left{width:650px;margin:10px;float:left;}
.body-right{width:270px;margin:10px;margin-left:0px;float:right;}
.artical-list{}
.article-block{border:1px solid #eee;margin-bottom:1em}

.head{margin:5px;height:52px;}
.blog-sunny{background:url(/Content/images/weather/1.png) no-repeat 570px -30px;}
.blog-rainy{background:url(/Content/images/weather/2.png) no-repeat 570px -30px;}
.blog-cloudy{background:url(/Content/images/weather/3.png) no-repeat 570px -30px;}
.blog-overcast{background:url(/Content/images/weather/4.png) no-repeat 570px -30px;}
.blog-snowy{background:url(/Content/images/weather/5.png) no-repeat 570px -30px;}
.blog-shower{background:url(/Content/images/weather/6.png) no-repeat 570px -30px;}

.article-block .head .date{height:51px;width:61px;float:left;background:url(/Content/images/title-date.gif);text-align:center}
.article-block .head .date .upper{height:22px;line-height:25px;color:#fff;font-family:Arial}
.article-block .head .date .lower{height:31px;line-height:22px;font-size:14px;font-weight:bold;}

.article-block .head .title{margin-left:5px;float:left;width:530px;height:28px;line-height:28px;}
.article-block .head .title h3{font-size:15px;}
.article-block .head .title p{line-height:14px;color:Gray;line-height:18px;border-top:1px solid #f7f7f7;width:500px;}
.article-block .head .title p a{color:Gray}
.article-block .head .title p a:hover{color:#0076c7;text-decoration:underline}

.article-block .content{margin:3px 8px;font-size:14px;line-height:22px;}
.article-block .content p{margin-top:.5em}
.article-block .content pre p{margin-top:0}

.article-block .tail{margin:10px 8px 5px 8px;font-size:12px;height:18px;line-height:18px;color:Gray}
.article-block .tail .weibo-share{height:16px;width:16px;}

.prettyprint{background:#fafafa;border:1px solid #eee !important;padding:0px !important;overflow:auto;word-wrap:break-word;margin-top:1em}
.prettyprint>div.codetitle{padding:2px 10px;margin:0px;background:#efefef;cursor:pointer;display:none}
.prettyprint ol{margin:0px;border-left:32px solid lightblue;}
.prettyprint ol li{padding:0px;margin:0px; list-style-type:decimal}
.prettyprint ol li:nth-of-type(even){background:#f5f5f5;}


.page{margin:1em 0;}

/* blog detail neighbour */
.neighbours{border:1px solid #fff;margin-bottom:1em;line-height:24px;}
.neighbours div span{color:gray}
.neighbours div.previous{}
.neighbours div.next{}

/* blog detail related */
.related{border:1px solid #eee;}
.related div.title{margin:0 10px;font-size:12px;line-height:28px;}
.related ul.list{margin:0 10px 10px 10px;}
.related ul.list li{list-style-type:circle; margin-left:24px;line-height:20px;}
.related ul.list li a{}

/* blog comment */
.comment{}
.comment .comment-list{}
.comment .comment-list .comment-item{border:1px solid #eee;margin:1em 0;}
.comment .comment-list .comment-item .portrait{width:65px;float:left;margin:5px;text-align:center}
.comment .comment-list .comment-item .content{width:560px;float:right;margin:5px;}
.comment .comment-list .comment-item .content p.time{text-align:right;color:gray}
.comment .comment-list .comment-item .content p.stair{color:gray}
.comment .comment-list .comment-item .content p.words{margin-top:5px;line-height:14px;}
.comment .comment-list .comment-item .content p.reply{border-top:1px solid #eee;background:#fff4f4;padding:5px;margin-top:1em;line-height:18px;}

.commentform{border:1px solid #eee;margin:1em 0;}
.commentform .welcome{margin:1em}
.commentform form{margin:1em}
.commentform form div.commentform-portrait{width:80px;float:left;}
.commentform form div.commentform-words{width:520px;float:left;}
.commentform form div.commentform-button{text-align:right;margin:5px auto;width:580px;height:32px;}
.commentform form div.commentform-button input{width:64px;height:28px;line-height:28px;border:1px solid gray;display:block;float:right}

/* category part */
div.categorytitle{border:1px solid #eee;margin-bottom:.5em;padding:5px;background:#f8f8f8}
ul.blogs-list{}
ul.blogs-list li.blogs-item{border:1px solid #eee;margin-bottom:.5em}
ul.blogs-list li.blogs-item .upper{margin:5px;}
ul.blogs-list li.blogs-item .lower{margin:5px;margin-top:0;}

ul.blogs-list li.blogs-item .upper .category{float:left;}
ul.blogs-list li.blogs-item .upper .category a{color:#72a12d}
ul.blogs-list li.blogs-item .upper .category a:hover{color:#155c8e;}
ul.blogs-list li.blogs-item .upper .weather{height:18px;width:24px;float:left;}
ul.blogs-list li.blogs-item .upper h3{font-size:14px;font-weight:normal;float:left;width:580px;overflow:hidden;}
ul.blogs-list li.blogs-item .lower .tailinfo{color:Gray;}

/* album */
.album-list{}
.album-block{border:1px solid #eee;height:150px;width:650px;margin-bottom:.5em}
.album-block:hover{background:#fefefe;}
.album-block .album-preface{border:1px solid #ccc;height:134px;width:240px;margin:6px;float:left;}
.album-block .album-preface img{height:129px;width:236px;border:0;margin:2px;display:block;}
.album-block .album-information{float:left;margin:6px;height:135px;width:380px;}
.album-block .album-information a{color:#72a12d;font-size:14px;}
.album-block .album-information a:hover{color:#155c8e;}
.album-block .album-information h4{margin:0;margin:5px 0 5px 10px;}
.album-block .album-information span{display:block;border-bottom:1px dashed #ccc;margin:5px 0 5px 10px;color:#666;font-family:Arial;padding-bottom:5px;}
.album-block .album-information .album-description{color:#000;height:68px;overflow:hidden;font-family:Verdana;line-height:18px;text-indent:2em;border:none;}

/* album detail */
.albumdetail{border:1px solid #eee;padding:10px;}
.albumdetail h2{font-size:16px;line-height:16px;margin-bottom:.5em;margin-top:0}
.albumdetail span{color:Gray;}
.albumdetail p{line-height:22px;margin:.5em 0; text-indent:2em;}
.photo-list{margin-top:10px;border-top:1px solid #ccc;padding-left:1px;padding-top:10px;}
.photo-list li{float:left;width:154px;height:85px;overflow:hidden;margin:1px;}
.photo-list li a{display:block;margin:-25px 0 0 -25px;}


/* links */
.linkarea{margin:30px;}
.linkarea h5{font-size:14px;}
.linkarea ul{margin:24px;}
.linkarea ul.imagelink{}
.linkarea ul.imagelink li{height:31px;width:88px;border:1px solid #ccc;float:left;margin:7px;}
.linkarea ul.imagelink img{height:31px;width:88px;}
.linkarea ul.textlink{}
.linkarea ul.textlink li{height:28px;line-height:28px;font-size:14px;float:left;width:276px;margin:1px;}
.linkarea ul.request p{line-height:22px;}
.linkarea ul.request form{margin-top:15px;}
.linkarea ul.request form div{height:28px;line-height:28px;}
.linkarea ul.request form label{display:block;float:left;height:28px;width:100px;text-align:right;}
.linkarea ul.request form input.text{margin-left:5px;border:0;border-bottom:1px solid #ccc;width:240px;}
.linkarea ul.request form input.button{border:1px solid #ccc;height:22px;width:60px;line-height:22px;}


/* about */
.introduction{margin-top:40px;}
.introduction .portrait{width:340px;height:200px;margin-left:40px;}
.introduction .intro{font-size:14px;width:500px;text-indent:2em;margin-left:40px;line-height:24px;}
.introduction .intro p{margin-top:5px;}
.introduction .intro .mail{margin-left:70px;}

.friends{margin:30px auto;width:870px;}
.friends h5{height:48px;line-height:48px;font-size:14px;}
.friends ul{margin-left:5px;}
.friends ul li{width:160px;height:90px;float:left;margin:5px;}
.friends ul li a{}
.friends ul li a img{width:160px;height:90px;}


/*CSS manu style pagination*/
.manu {padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
.manu a {border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#036cb4;padding-top:2px;border-bottom:#eee 1px solid;text-decoration:none}
.manu a:hover {border-right:#999 1px solid;border-top:#999 1px solid;border-left:#999 1px solid;color:#666;border-bottom:#999 1px solid}
.manu a:active {border-right:#999 1px solid;border-top: #999 1px solid;border-left:#999 1px solid;color:#666;border-bottom:#999 1px solid}
.manu .current {border-right:#036cb4 1px solid;padding-right:5px;border-top:#036cb4 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#036cb4 1px solid;color:#fff;padding-top:2px;border-bottom:#036cb4 1px solid;background-color:#036cb4}
.manu .disabled {border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}